<!DOCTYPE html>
<html lang="hr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>E-aplikacija elektronalog - Responsive Navbar</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
  <!-- FontAwesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
  <style>
    body {
      font-family: 'Roboto', sans-serif;
      background: linear-gradient(135deg, #e0f7fa, #80deea);
    }
    .navbar-brand img {
      height: 40px;
    }
    /* Omotavanje stavki unutar navbar-a */
    .navbar-nav {
      flex-wrap: wrap;
    }
    .nav-item {
      margin-right: 5px;
    }
    .dropdown-menu {
      max-height: 400px;
      overflow-y: auto;
    }
    .footer {
      background: #f8f9fa;
      padding: 20px 0;
      text-align: center;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="#">

    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent"
      aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
  
    <div class="collapse navbar-collapse" id="navbarContent">
      <ul class="navbar-nav mr-auto">
        <!-- Vozila -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="vozilaDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-car"></i> Vozila
          </a>
          <div class="dropdown-menu" aria-labelledby="vozilaDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/dodaj_vozilo.php">Dodaj vozilo</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_vozila.php">Lista vozila</a>
          </div>
        </li>
        <!-- Radnici -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="radniciDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-users"></i> Radnici
          </a>
          <div class="dropdown-menu" aria-labelledby="radniciDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/dodaj_radnika.php">Dodaj radnika</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_radnici.php">Lista radnika</a>
          </div>
        </li>
        <!-- Klijenti -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="klijentiDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-user"></i> Klijenti
          </a>
          <div class="dropdown-menu" aria-labelledby="klijentiDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/dodaj_klijenta.php">Dodaj klijenta</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_klijenata.php">Lista klijenata</a>
          </div>
        </li>
        <!-- Dobavljači -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="dobavljaciDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-truck"></i> Dobavljači
          </a>
          <div class="dropdown-menu" aria-labelledby="dobavljaciDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/unos_dobavljaca.php">Unos dobavljača</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_dobavljaca.php">Lista dobavljača</a>
          </div>
        </li>
        <!-- Artikli -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="artikliDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-box"></i> Artikli
          </a>
          <div class="dropdown-menu" aria-labelledby="artikliDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/dodaj_artikal.php">Dodaj artikal</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_artikala.php">Lista artikala</a>
          </div>
        </li>
        <!-- Grupe artikala -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="grupeDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-layer-group"></i> Grupe artikala
          </a>
          <div class="dropdown-menu" aria-labelledby="grupeDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/dodaj_grupu.php">Dodaj grupu</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_grupa.php">Lista grupa</a>
          </div>
        </li>
        <!-- Nalozi -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="naloziDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-file-alt"></i> Nalozi
          </a>
          <div class="dropdown-menu" aria-labelledby="naloziDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/dodaj_nalog.php">Dodaj nalog</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_naloga.php">Lista naloga</a>
          </div>
        </li>
        <!-- Fakture -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="faktureDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-file-invoice"></i> Fakture
          </a>
          <div class="dropdown-menu" aria-labelledby="faktureDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/nova_faktura.php">Nova faktura</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/faktura_lista.php">Lista faktura</a>
          </div>
        </li>
        <!-- Predračuni -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="predracuniDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-file-alt"></i> Predračuni
          </a>
          <div class="dropdown-menu" aria-labelledby="predracuniDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/nova_predracun.php">Novi predračun</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_predracuna.php">Lista predračuna</a>
          </div>
        </li>
        <!-- Avansni računi -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="avansniDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-file-invoice"></i> Avansni računi
          </a>
          <div class="dropdown-menu" aria-labelledby="avansniDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/avansni_racun.php">Avansni račun</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/lista_avansni_racuna.php">Lista avansnih računa</a>
          </div>
        </li>
        <!-- Ulaz artikala -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="ulazDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-sign-in-alt"></i> Ulaz artikala
          </a>
          <div class="dropdown-menu" aria-labelledby="ulazDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/ulaz.php">Ulaz</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/ulaz_lista.php">Ulaz lista</a>
          </div>
        </li>
        <!-- Lager -->
        <li class="nav-item">
          <a class="nav-link" href="http://localhost/elektronalog/lista_lagera.php">
            <i class="fas fa-warehouse"></i> Lager
          </a>
        </li>
        <!-- Admin -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="adminDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-user-shield"></i> Admin
          </a>
          <div class="dropdown-menu" aria-labelledby="adminDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/admin_add_admin.html">Dodaj admina</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/list_admin.php">Lista admina</a>
          </div>
        </li>
        <!-- Korisnici -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="korisniciDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-user"></i> Korisnici
          </a>
          <div class="dropdown-menu" aria-labelledby="korisniciDropdown">
            <a class="dropdown-item" href="http://localhost/elektronalog/admin_add_user.html">Dodaj korisnika</a>
            <a class="dropdown-item" href="http://localhost/elektronalog/list_users.php">Lista korisnika</a>
          </div>
        </li>
      </ul>
      <!-- Odjava -->
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link btn btn-danger text-white" href="admin_logout.php">Odjava Admina</a>
        </li>
      </ul>
    </div>
  </nav>
  
  <!-- Glavni sadržaj -->
  <div class="container mt-4">
    <div class="text-center">
      <img src="logo.png" alt="Logo" class="img-fluid" style="max-width: 400px;">
    </div>
    <h1 class="text-center my-4">Dobro došli u E-aplikaciju elektronalog</h1>
    <!-- Dodatni sadržaj -->
  </div>
  
  <!-- Footer -->
  <footer class="footer">
    <div class="container">
      <p>&copy; 2025 E-aplikacija elektronalog. Sva prava pridržana. Programmed and design Jasmin.J</p>
    </div>
  </footer>
  
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
</body>
</html>
